﻿<!DOCTYPE html>
<html>
<head>
<title>义工志愿者预约</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">

<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div" id="vue_vm">
  <h3>义工志愿者预约</h3>
  <ul>
    <li><span class="tit" style="width:70px;">志愿名称：</span></li>
    <li><span>
      <input type="text" placeholder="请输入志愿者名称" v-model="data.volunteerName" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">联系人：</span></li>
    <li><span>
      <input type="text" placeholder="请输入联系人姓名" v-model="data.contactName" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">联系电话：</span></li>
    <li><span>
      <input type="text" placeholder="请输入电话" v-model="data.contactPhoneNumber" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">对接科室：</span></li>
    <li>
      <select id="subjectRoom_select" v-model="data.subjectRoomId" style="width:312px;">
        <option value="二室一厅A户型A床位包间">短照中心</option>
        <option value="二室一厅A户型A床位包间">长照中心</option>
        <option value="二室一厅A户型A床位包间">日照中心</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">开始日期：</span></li>
    <li style="line-height:36px;"><span>
      <input type="text" placeholder="请输入年" id="startYear" style="width:100px;;"/>
      年</span></li>
    <li>
      <select name="yue" id="startMonth" style="width:90px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
    </li>
    <li>
      <select name="ri" id="startDay" style="width:92px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">结束日期：</span></li>
    <li style="line-height:36px;"><span>
      <input type="text" placeholder="请输入年" id="endYear" style="width:100px;;"/>
      年</span></li>
    <li>
      <select name="yue" id="endMonth" style="width:90px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
    </li>
    <li>
      <select name="ri" id="endDay" style="width:92px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
    </li>
  </ul>
  <ul>
    <li style="height:120px;overflow:visible;"><span class="tit" style="width:70px;">活动内容：</span></li>
    <li>
      <textarea name="shuoming" form="usrform"  placeholder="请输入活动内容" rows="3" cols="40" v-model="data.activityContent"></textarea>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:70px;">状态：</span></li>
    <li><span style="display:block;position:absolute;top:12px;left:0;">
      <input class="magic-radio" type="radio" id="st1" value="1" checked disabled/>
      <label for="st1" class="label_txt" style="width:100px;">进行中</label>
      </span></li>
  </ul>
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:42px;"></span></li>
      <li>
        <input type="button" value="确认提交" class="button button1" onclick="save();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<div style="clear:both;"></div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>  
<script src="js/busi/subject_room_select.js"></script> 
<script src="js/busi/volunteer_order.js"></script>
</body>
</html>